.szim-hide{display: none;}
.szim-show{display: block;}
.im-chat-box{width:750px;height:520px;position:absolute;z-index: 3000; bottom:10px;right:10px;box-shadow:1px 1px 20px rgba(0,0,0,.5);border-radius:6px;overflow:hidden}
.chat-row{height:100%}
.chat-row:after,.chat-row:before{content:"";display:block;clear:both}
.chat-col-1,.chat-col-2,.chat-col-3,.chat-col-4{position:relative;display:block;box-sizing:border-box;float:left;height:100%}
.chat-col-1{width:50px;background-color:#222;color:#ededed;text-align:center}
.chat-col-2{width:210px;background-color:#f8f8f8;}
.chat-col-3{width:calc(100% - 261px);background-color: #ededed;border-left:1px solid #ebebeb}
.chat-col-4{width: 449px;background-color: #ededed;border-left:1px solid #ebebeb}
.chat-avatar{width:40px;height:40px;border:0}
.chat-icon{width:28px;height:28px;border:0}
.szthis{color: #2f84fa;}
ul.chat-tools{position:absolute;top:20px;left:4px;width:42px;height:300px;margin:0;padding:0;list-style:none}
ul.chat-tools li{display:block}
ul.chat-tools li:nth-child(1){margin-top:0}
ul.chat-tools li:nth-child(2){margin-top:20px}
ul.chat-tools li:nth-child(3){margin-top:10px}
ul.chat-tools li:nth-child(4){margin-top:10px}
ul.chat-tools li a{color:#f0f0f0;display:block;width:40px;height:40px;line-height: 40px;text-align:center}
ul.chat-tools li a:hover{color:#2f84fa}
ul.chat-tools li a i{font-size:20px;}
ul.chat-set{position:absolute;bottom:10px;left:4px;width:42px;height:82px;margin:0;padding:0;list-style:none}
ul.chat-set li{display:block}
ul.chat-set li a{color:#f0f0f0;display:block;width:40px;height:40px;line-height: 40px; text-align:center}
ul.chat-set li a:hover{color:#2f84fa}
ul.chat-set li a i{font-size:20px;}
.kg-row:after,.kg-row:before{content:"";display:block;clear:both}
.kg-col{position:relative;display:block;box-sizing:border-box;float:left;}
.keywords-box{width: 160px; height: 30px;}
.keywords-box input{width:138px;height:23px;border: 1px solid #eee;padding:2px 10px 2px 10px;margin-left: 5px; border-top-left-radius: 14px;border-bottom-left-radius: 14px;}
.chat-c-t{margin-top: 20px;}
.chat-btn-search{width:32px; height: 28px; background-color: #eee;color: #333;border:1px solid #eee; border-top-right-radius: 14px;border-bottom-right-radius: 14px;font-size: 22px;}
.chat-btn-search i{margin-top: -2px;margin-left: -2px;}

.bg-sz{background: url(../../../../static/img/logo.png) center center #f0f0f0; background-repeat: no-repeat; background-size: 10% 10%;}

.kg-cli{cursor: pointer;padding-top: 5px;padding-bottom: 5px;}
.cli-avatar{width:36px;height:36px;border:0;margin-top: 2px;}
.kg-cli:hover,.im-this{background-color: #f0f0f0;}
.kg-w40m5{width: 40px; margin-left: 5px;}
.kg-w100{width: 100px;height: 40px;overflow: hidden;}
.kg-w40{width: 50px;}
.kg-title{height: 20px;padding-left: 5px;}
.kg-brief{padding-left: 5px;width: 95px;height: 20px;font-size: 12px; color:#999;display:block;line-height: 24px;}
.kg-hhss{text-align: right;font-size:8px; color:#999;}
.kg-brief img{width:16px;height: 16px;border: 0;}

.win-btns{position: absolute;right:0;top:0;width: 90px;}
.win-min{ background: url(../../chat/min.png) center center #f0f0f0;}
.win-max{background: url(../../chat/max.png) center center #f0f0f0;}
.win-restore{background: url(../../chat/max-after.png) center center #f0f0f0;}
.win-close{background: url(../../chat/close.png) center center #f0f0f0;}
.win-min,.win-max,.win-close,.win-restore{width: 30px;height: 30px; text-decoration: none; display: block; background-repeat: no-repeat; background-size: 75% 75%;}
.win-min:hover,.win-max:hover,.win-close:hover,.win-restore:hover{background-color: #ddd;}

.win-head1{position: absolute;left:0;top:0;width: 50px; height: 20px;}
.win-head2{position: absolute;left:0;top:0;width: 200px; height: 20px;}
.win-head{position: absolute;left:0;top:0;width: calc(100% - 90px); height: 40px;}
.tf-head{cursor: move;}
.kg-user-title{position: absolute;left:10px;top:10px;height:25px;line-height: 25px;width: 200px;overflow: hidden;}

.move-mark{width:100vw;height: 100vh;position: absolute;left:0;top:0;z-index: 2990;background-color:rgba(0,0,0,.01);}
.kg-list,.kg-dept{width: 210px;height: calc(100% - 55px); overflow: auto;scrollbar-width: thin !important;}
.nowrap{white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}

.szim-minbtn{ padding: 5px 10px 5px 5px;cursor: pointer;z-index: 2990; border-radius:35px;background-image: linear-gradient(45deg, #39b54a, #8dc63f);color: #ffffff;position: absolute;bottom:0;right:0;white-space: nowrap;}
.szim-minbtn img {transform: rotate(360deg);animation: rotation 4s linear infinite;cursor: pointer;width: 40px !important; height:40px  !important;border-radius: 40px !important;}
.szim-minbtn span {width: auto; max-width: 120px;padding: 0 5px;}
@keyframes rotation{
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}

.kg-bt{padding-left: 10px;height: 30px;line-height: 30px;color: #828282;font-size: 10px;}


/** 树组件 **/
.layui-imtree{line-height: 36px;}
.layui-imtree .layui-form-checkbox{margin: 0 !important;}
.layui-imtree-set{width: 100%; position: relative;}
.layui-imtree-pack{display: none; padding-left: 20px; position: relative;}
.layui-imtree-line .layui-imtree-pack{padding-left: 27px;}
.layui-imtree-line .layui-imtree-set .layui-imtree-set:after{content: ""; position: absolute; top: 14px; left: -9px; width: 17px; height: 0; border-top: 1px dotted #c0c4cc;}
.layui-imtree-entry{position: relative; padding: 3px 0; height: 40px; white-space: nowrap;}
.layui-imtree-entry:hover{background-color: #eee;}
.layui-imtree-line .layui-imtree-entry:hover{background-color: rgba(0,0,0,0);}
.layui-imtree-line .layui-imtree-entry:hover .layui-imtree-txt{color: #999; text-decoration: underline; transition: 0.3s;}
.layui-imtree-main{display: inline-block; vertical-align: middle; cursor: pointer; padding-right: 10px;}
.layui-imtree-line .layui-imtree-set:before{content: ""; position: absolute; top: 0; left: -9px; width: 0; height: 100%; border-left: 1px dotted #c0c4cc;}
.layui-imtree-line .layui-imtree-set.layui-imtree-setLineShort:before{height: 13px;}
.layui-imtree-line .layui-imtree-set.layui-imtree-setHide:before{height: 0;}
.layui-imtree-iconClick{display: inline-block; vertical-align: middle; position: relative; height: 40px; line-height: 40px; margin: 0 10px; color: #c0c4cc;}
.layui-imtree-icon{height: 32px; line-height: 32px; width: 12px; text-align: center; border: 1px solid #c0c4cc;}
.layui-imtree-iconClick .layui-icon{font-size: 18px;}
.layui-imtree-icon .layui-icon{font-size: 12px; color: #5F5F5F;}
.layui-imtree-iconArrow{padding: 0 5px;}
.layui-imtree-iconArrow:after{content: ""; position: absolute; left: 4px; top: 13px; z-index: 100; width: 0; height: 0; border-width: 5px; border-style: solid; border-color: transparent transparent transparent #c0c4cc; transition: 0.5s;}
.layui-imtree-spread>.layui-imtree-entry .layui-imtree-iconClick>.layui-imtree-iconArrow:after{transform: rotate(90deg) translate(3px, 4px);}
.layui-imtree-txt{display: inline-block; vertical-align: middle; color: #555;}
.layui-imtree-search{margin-bottom: 15px; color: #5F5F5F;}
.layui-imtree-btnGroup{visibility: hidden; display: inline-block; vertical-align: middle; position: relative;}
.layui-imtree-btnGroup .layui-icon{display: inline-block; vertical-align: middle; padding: 0 2px; cursor: pointer;}
.layui-imtree-btnGroup .layui-icon:hover{color: #999; transition: 0.3s;}
.layui-imtree-entry:hover .layui-imtree-btnGroup{visibility: visible;}
.layui-imtree-editInput{position: relative; display: inline-block; vertical-align: middle; height: 20px; line-height: 20px; padding: 0 3px; border: none; background-color: rgba(0,0,0,0.05);}
.layui-imtree-emptyText{text-align: center; color: #999;}

.layui-imtree-avatar{width: 36px;height: 36px;border: 0;}

.sz-chatbox,.sz-chattools,.sz-chatinput{position: relative;display: block;}
.kg-content{width: 100%;height: calc(100% - 40px);margin-top: 40px;overflow: hidden;}
.sz-chatbox{width: 100%;height: calc(100% - 150px);overflow: auto;background-color: #fff;}
.sz-chattools{width: 100%;height: 39px;border-top: 1px solid #f0f0f0;background-color: #fff;}
.sz-chatinput{width: 100%;height: 110px;overflow: auto;}

.sz-chattools:after,.sz-chattools:before{content:"";display:block;clear:both}
.sz-chattools span{float: left;display: block;cursor: pointer;text-align: center; width: 36px;height: 36px;line-height: 36px;font-size:22px;border:1px dashed transparent}
.sz-chattools span.c-right{float: right;}
.sz-chattools span.c-one{margin-left: 10px;}
.sz-chattools span:hover{color:#346afe;border-color: #346afe;}

/* 表情 */
body .layui-szim-face{margin: 10px 0 0 -10px; border: none; background: none;}
body .layui-szim-face .layui-layer-content{padding:0; background-color:#fff; color:#666; box-shadow:none}
.layui-szim-face .layui-layer-TipsG{display:none;}
.layui-szim-face ul{position:relative; width:372px; padding:10px; border:1px solid #D9D9D9; background-color:#fff; box-shadow: 0 0 20px rgba(0,0,0,.2);}
.layui-szim-face ul li{cursor: pointer; float: left; border: 1px solid #e8e8e8; height:32px; width: 32px; overflow: hidden; margin: -1px 0 0 -1px; padding: 4px 2px; text-align: center;}
.layui-szim-face ul li:hover{position: relative; z-index: 2; border: 1px solid #eb7350; background: #fff9ec;}
.layui-szim-face ul li img{width: 100%;height: 100%;}

/*chatbox*/
.sz-chatbox{scroll-behavior:smooth;padding:0;width:100%;position:relative;font-size:18px;background-color:#f8f8f8;overflow-y:auto;overflow-x:hidden}
.sz-chatbox>div:last-child{margin-bottom: 20px;}
.sz-chatbox .tips{margin:12px;text-align:center;font-size:12px}
.sz-chatbox .tips span{display:inline-block;padding:4px;background-color:#ccc;color:#fff;border-radius:6px}
.sz-chatbox .tips .tips-primary{background-color:#2e7fc5}
.sz-chatbox .tips .tips-success{background-color:#26b426}
.sz-chatbox .tips .tips-info{background-color:#46b1d2}
.sz-chatbox .tips .tips-warning{background-color:#ef9b25}
.sz-chatbox .tips .tips-danger{background-color:#f34943}
.sz-chatbox .cmsg{position:relative;margin:4px 7px;min-height:50px;border:0}
.sz-chatbox .cright{text-align:right;margin-left:64px}
.sz-chatbox .cright img.headIcon{right:0}
.sz-chatbox .cright .name{margin:0 48px 2px 0}
.sz-chatbox .cright .content{margin:0 48px 0 0;border-radius:20px 2px 20px 6px;color:#fff;background:linear-gradient(20deg,rgba(62, 135, 87, 0.8) 0,#62c36f 100%);border:1px solid rgba(0, 39, 11, 0.08);box-shadow:5px 5px 15px 0 rgba(55, 55, 55, 0.2);}
.sz-chatbox .cright .content::after{left:-12px;top:8px}
.sz-chatbox .cleft{text-align:left;margin-right:64px}
.sz-chatbox .cleft img.headIcon{left:0}
.sz-chatbox .cleft .name{margin:0 0 2px 48px}
.sz-chatbox .cleft .content{margin:0 0 0 48px;border-radius:2px 20px 6px 20px;background:linear-gradient(20deg,rgba(230, 230, 230, 0.8) 0,#fbfbfb 100%);color:#373737;border:1px solid rgba(0,0,0,.08);box-shadow:5px 5px 15px 0 rgba(44, 44, 44, 0.1)}
.sz-chatbox .cleft .content::after{left:-12px;top:8px}
.sz-chatbox img.headIcon{width:40px;height:40px;top:5px;position:absolute}
.sz-chatbox img.radius{border-radius:50%}
.sz-chatbox .name{color:#8b8b8b;font-size:12px;display:block;line-height:18px}
.sz-chatbox .name>span{vertical-align:middle}
.sz-chatbox .name .highText{display:inline-block;padding:0 3px 0 3px;background-color:#ccc;color:#fff;border-radius:3px;margin-right:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:50px;font-size: 10px;}
.sz-chatbox .name .highText.admin{background-color:#72d6a0}
.sz-chatbox .name .highText.owner{background-color:#f2bf25}
.sz-chatbox .content{word-break:break-all;word-wrap:break-word;text-align:left;position:relative;display:inline-block;font-size:15px;padding:10px 15px;line-height:20px;white-space:pre-wrap;min-width:9px;min-height:18px;line-break: anywhere;}
.sz-chatbox .content img{width:100%;height:auto}
.sz-chatbox .content a{color:#0072c1;margin:0 5px;cursor:hand}
.sz-chatbox .content img.emoji{width: 32px;height: 32px;}
/*input*/
.sz-chatinput{background-color:#fff}
.sz-chat-input{width: 100%;height: 100%;overflow: hidden;}
.sz-chat-input textarea{display: block; width:calc(100% - 20px); padding: 5px 10px 5px 10px; height: calc(100% - 20px); line-height: 24px; font-size: 14px; border: none; overflow: auto; resize: none; background: none;}
.sz-chat-input textarea:focus{outline: 0;}
.sz-chat-send{position: absolute;bottom:20px;right:20px;}
.sz-chat-send:after,.sz-chat-send:before{content:"";display:block;clear:both}
.szim-send-btn{display: block; cursor: pointer; float: right;width: 80px;height: 30px;line-height: 30px;background-color: #06c038;color: #fff;text-align: center;border-radius: 5px;background:linear-gradient(20deg,rgba(12, 129, 61, 0.8) 0,#30c86a 100%) !important;}
.szim-send-btn:hover{background:linear-gradient(20deg,rgba(14, 151, 71, 0.8) 0,#53e28a 100%) !important;}

.sz-flowbox{scroll-behavior:smooth;height: calc(100% - 2px);overflow: auto;background-color: #fff;padding:0;width:100%;position:relative;font-size:14px;overflow-y:auto;overflow-x:hidden}
.sz-flowbox .flow-row{padding: 10px;border-bottom: 1px dashed #ccc;cursor: pointer;}
.sz-flowbox .flow-row:after, .sz-flowbox .flow-row::before{content:"";display:block;clear:both}
.sz-flowbox .flow-row .fl-left{float: left;text-align: center;}
.sz-flowbox .flow-row .fl-content{float: left;}
.sz-flowbox .flow-row .fl-right{float: right;}
.sz-flowbox .flow-row .flow-info{padding: 5px;color: #333;display: block;position: relative;}
.sz-flowbox .flow-row .flow-badge{display: block;padding: 5px; border-radius: 3px; background-color: #1d85e0;color: #f7f7f7;word-wrap:break-word; word-break:normal;width: 40px;}
.sz-flowbox .flow-row .flow-time{padding: 5px;color: #555;display: block;text-align: center;}
.sz-flowbox .flow-row:hover{background-color: #edf8ff;}
.sz-flowbox .flow-row .info-m{font-size: 11px;color: #999;padding-top: 5px;}
.sz-flowbox .ithis .flow-badge{background-color: #777777;color: #f7f7f7;}
.sz-flowbox .jzbadge{position: absolute;top:-3px;right:-35px}

.sz-sysmsgbox{scroll-behavior:smooth;height: calc(100% - 2px);overflow: auto;background-color: #fff;padding:0;width:100%;position:relative;font-size:14px;overflow-y:auto;overflow-x:hidden}
.sz-sysmsgbox .sysmsg-row{padding: 10px;border-bottom: 1px dashed #ccc;cursor: pointer;}
.sz-sysmsgbox .sysmsg-row:after, 
.sz-sysmsgbox .sysmsg-row::before{content:"";display:block;clear:both}
.sz-sysmsgbox .sysmsg-row .fl-left{float: left;text-align: center;}
.sz-sysmsgbox .sysmsg-row .fl-content{float: left;}
.sz-sysmsgbox .sysmsg-row .fl-right{float: right;}
.sz-sysmsgbox .sysmsg-row .sysmsg-info{padding: 5px;color: #333;display: block;position: relative;}
.sz-sysmsgbox .sysmsg-row .sysmsg-badge{display: block;padding: 5px; border-radius: 3px; background-color: #1d85e0;color: #f7f7f7;word-wrap:break-word; word-break:normal;width: 40px;}
.sz-sysmsgbox .sysmsg-row .sysmsg-time{padding: 5px;color: #555;display: block;text-align: center;}
.sz-sysmsgbox .sysmsg-row:hover{background-color: #edf8ff;}
.sz-sysmsgbox .sysmsg-row .info-m{font-size: 11px;color: #999;padding-top: 5px;}
.sz-sysmsgbox .ithis .sysmsg-badge{background-color: #777777;color: #f7f7f7;}
.sz-sysmsgbox .jzbadge{position: absolute;top:-3px;right:-35px}
.sz-sysmsgbox .sysmsg-row .sysmsg-info img{width: 20px;height: 20px;}

.szim-photos{cursor: crosshair;}
.szim-file{display: block; text-align: center; color: #333;}
.szim-file:hover{opacity: 0.9}
.szim-file i{font-size: 80px; line-height: 80px;}
.szim-file cite{display: block; line-height: 20px; font-size: 14px;}

.szim-audio{text-align: center; cursor: pointer;}
.szim-audio .layui-icon{position: relative; top: 5px; font-size: 24px;}
.szim-audio p{margin-top: 3px;}

.szim-video{width: 280px; height: 200px; line-height: 200px; background-color: #333; text-align: center; border-radius: 3px;}
.szim-video .layui-icon{font-size: 36px; cursor: pointer; color: #fff;}

.tips-abox{width: 99%;height: 45px;}
.tips-abox button{border-radius: 3px;}

.chatloghead{width: 100%; height: 40px;line-height: 40px;background-color: #ededed;color:#333; overflow: hidden;}
.chatloghead:after,.chatloghead:before{content:"";display:block;clear:both}
.chatloghead span{display: block;}
.chatloghead span:nth-child(1){padding-left: 10px;font-size: 15px;font-weight: bold;float: left;}
.chatloghead span:nth-child(2){float: right;margin-right: 10px;}
.logsearchinput{width:140px;height:26px; line-height: 26px; border-radius: 12px;background-color: #f7f7f7;border:1px solid #bbb;padding: 0 10px;}
.szimchatlog {position: relative;display: block;width: 100%; height:calc(100% - 40px);scroll-behavior:smooth;font-size:18px;background-color:#f8f8f8;overflow-y:auto;overflow-x:hidden}
.szimchatlog>div:last-child{margin-bottom: 20px;}
.szimchatlog .tips{margin:12px;text-align:center;font-size:12px}
.szimchatlog .tips span{display:inline-block;padding:4px;background-color:#f0f0f0;color:#999;border-radius:12px}
.szimchatlog .tips .tips-primary{background-color:#2e7fc5}
.szimchatlog .tips .tips-success{background-color:#26b426}
.szimchatlog .tips .tips-info{background-color:#46b1d2}
.szimchatlog .tips .tips-warning{background-color:#ef9b25}
.szimchatlog .tips .tips-danger{background-color:#f34943}
.szimchatlog .cmsg{position:relative;margin:4px 7px;min-height:50px;border:0}
.szimchatlog .cright{text-align:right;margin-left:64px}
.szimchatlog .cright img.headIcon{right:0}
.szimchatlog .cright .name{margin:0 48px 2px 0}
.szimchatlog .cright .content{margin:0 48px 0 0;border-radius:20px 2px 20px 6px;color:#fff;background:linear-gradient(20deg,rgba(62, 135, 87, 0.8) 0,#62c36f 100%);border:1px solid rgba(0, 39, 11, 0.08);box-shadow:5px 5px 15px 0 rgba(55, 55, 55, 0.2);}
.szimchatlog .cright .content::after{left:-12px;top:8px}
.szimchatlog .cleft{text-align:left;margin-right:64px}
.szimchatlog .cleft img.headIcon{left:0}
.szimchatlog .cleft .name{margin:0 0 2px 48px}
.szimchatlog .cleft .content{margin:0 0 0 48px;border-radius:2px 20px 6px 20px;background:linear-gradient(20deg,rgba(230, 230, 230, 0.8) 0,#fbfbfb 100%);color:#373737;border:1px solid rgba(0,0,0,.08);box-shadow:5px 5px 15px 0 rgba(44, 44, 44, 0.1)}
.szimchatlog .cleft .content::after{left:-12px;top:8px}
.szimchatlog img.headIcon{width:40px;height:40px;top:5px;position:absolute}
.szimchatlog img.radius{border-radius:50%}
.szimchatlog .name{color:#8b8b8b;font-size:12px;display:block;line-height:18px}
.szimchatlog .name>span{vertical-align:middle}
.szimchatlog .name .highText{display:inline-block;padding:0 3px 0 3px;background-color:#ccc;color:#fff;border-radius:3px;margin-right:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:50px;font-size: 10px;}
.szimchatlog .name .highText.admin{background-color:#72d6a0}
.szimchatlog .name .highText.owner{background-color:#f2bf25}
.szimchatlog .content{word-break:break-all;word-wrap:break-word;text-align:left;position:relative;display:inline-block;font-size:15px;padding:10px 15px;line-height:20px;white-space:pre-wrap;min-width:9px;min-height:18px}
.szimchatlog .content img{width:100%;height:auto}
.szimchatlog .content a{color:#0072c1;margin:0 5px;cursor:hand}
.szimchatlog .content img.emoji{width: 32px;height: 32px;}

.szim-badge{position: absolute;top:-5px;right:-5px;background-color: #f01e1e;color:#ffffff;font-size: 10px;text-align: center;border-radius:14px;padding: 4px;min-width: 14px;}

.szim-min-badge{position: absolute; left:-5px; bottom: 40px;border-radius: 24px; background-color: #ff0000;color:#fff;display: block;}

/*换主题色*/
[szwebchat-theme=dark] .chat-col-1{background-color:#313131;color:#f1f1f1;}
[szwebchat-theme=dark] .chat-col-2{background-color:#393939;}
[szwebchat-theme=dark] .chat-col-3{background-color: #1c1c1c;border-left-color:#5b5b5b}
[szwebchat-theme=dark] .chat-col-4{background-color: #1c1c1c;border-left-color:#5b5b5b}
[szwebchat-theme=dark] ul.chat-tools li a{color:#f0f0f0;}
[szwebchat-theme=dark] ul.chat-tools li a:hover{color:#ffd84c}
[szwebchat-theme=dark] ul.chat-set li a{color:#f0f0f0;}
[szwebchat-theme=dark] ul.chat-set li a:hover{color:#ffd84c}

[szwebchat-theme=dark] .keywords-box input{border-color: #555;background-color: #1c1c1c;color:#f1f1f1}
[szwebchat-theme=dark] .chat-btn-search{background-color: #1c1c1c;color: #f1f1f1;border-color:#555; }
[szwebchat-theme=dark] .bg-sz{background-color: #333;}
[szwebchat-theme=dark] .kg-cli:hover{background-color: #555;}
[szwebchat-theme=dark] .im-this{background-color: #555;}
[szwebchat-theme=dark] .kg-brief{color: #f0f0f0;}
[szwebchat-theme=dark] .kg-hhss{color:#f0f0f0}
[szwebchat-theme=dark] .win-min{background: url(../../chat/min-1.png) center center #333;}
[szwebchat-theme=dark] .win-max{background: url(../../chat/max-1.png) center center #333;}
[szwebchat-theme=dark] .win-restore{background: url(../../chat/max-after-1.png) center center #333;}
[szwebchat-theme=dark] .win-close{background: url(../../chat/close-1.png) center center #333;}
[szwebchat-theme=dark] .win-min,
[szwebchat-theme=dark] .win-max,
[szwebchat-theme=dark] .win-close,
[szwebchat-theme=dark] .win-restore{background-size: 75% 75%;}
[szwebchat-theme=dark] .win-min:hover,
[szwebchat-theme=dark] .win-max:hover,
[szwebchat-theme=dark] .win-close:hover,
[szwebchat-theme=dark] .win-restore:hover{background-color: #555;}
[szwebchat-theme=dark] .kg-bt{color: #c8c8c8;}
[szwebchat-theme=dark] .sz-chatbox{background-color: #262626;}
[szwebchat-theme=dark] .sz-chattools{background-color: #262626;border-top: 1px solid #555;}
[szwebchat-theme=dark] .sz-chattools span{color:#f1f1f1}
[szwebchat-theme=dark] .sz-chattools span:hover{color:#feb434;border-color: #feb434;}
[szwebchat-theme=dark] .kg-user-title{color:#f1f1f1}
[szwebchat-theme=dark] .kg-title{color:#f1f1f1}
[szwebchat-theme=dark] .sz-chatbox .tips span{background-color:rgba(0,0,0,.3)}
[szwebchat-theme=dark] .sz-chatbox .tips span{color:#bec5cc}
[szwebchat-theme=dark] .sz-chatbox .tips .tips-primary{background-color:#447fb2}
[szwebchat-theme=dark] .sz-chatbox .tips .tips-success{background-color:#66a651}
[szwebchat-theme=dark] .sz-chatbox .tips .tips-info{background-color:#3f889e}
[szwebchat-theme=dark] .sz-chatbox .tips .tips-warning{background-color:#af7728}
[szwebchat-theme=dark] .sz-chatbox .tips .tips-danger{background-color:#ad3531}
[szwebchat-theme=dark] .sz-chatbox .cright .content{color:#f0f0f0;background:linear-gradient(20deg,rgba(23, 67, 34, 0.8) 0,#36763f 100%);border:1px solid rgba(20, 20, 20, 0.01);box-shadow:5px 5px 15px 0 rgba(53, 53, 53, 0.1);}
[szwebchat-theme=dark] .sz-chatbox .cleft  .content{color:#282828;background:linear-gradient(20deg,rgba(222, 222, 222, 0.8) 0,#efefef 100%);border:1px solid rgba(24, 24, 24, 0.01);box-shadow:5px 5px 15px 0 rgba(54, 54, 54, 0.1)}
[szwebchat-theme=dark] .sz-chatbox .name .highText{background-color:#4c5052}
[szwebchat-theme=dark] .sz-chatbox .name .highText.admin{background-color:#3c916e}
[szwebchat-theme=dark] .sz-chatbox .name .highText.owner{background-color:#9a7c21}
[szwebchat-theme=dark] .sz-chatbox .content a{color:#00c3ff}
[szwebchat-theme=dark] .sz-chatinput{background-color:#262626}
[szwebchat-theme=dark] .sz-chatinput .chatinput{color:#d4d4d4}
/** 树组件 **/
[szwebchat-theme=dark] .layui-imtree-line .layui-imtree-set .layui-imtree-set:after{border-top: 1px dotted #363636;}
[szwebchat-theme=dark] .layui-imtree-entry:hover{background-color: #5a5a5a;}
[szwebchat-theme=dark] .layui-imtree-line .layui-imtree-entry:hover{background-color: rgba(255, 255, 255, 0);}
[szwebchat-theme=dark] .layui-imtree-line .layui-imtree-entry:hover .layui-imtree-txt{color: #292929;}
[szwebchat-theme=dark] .layui-imtree-line .layui-imtree-set:before{border-left: 1px dotted #363636;}
[szwebchat-theme=dark] .layui-imtree-iconClick{color: #363636;}
[szwebchat-theme=dark] .layui-imtree-icon{border: 1px solid #363636;}
[szwebchat-theme=dark] .layui-imtree-icon .layui-icon{color: #dcdcdc;}
[szwebchat-theme=dark] .layui-imtree-iconArrow:after{border-color: transparent transparent transparent #cacaca;}
[szwebchat-theme=dark] .layui-imtree-txt{color: #e4e4e4;}
[szwebchat-theme=dark] .layui-imtree-search{color: #ececec;}
[szwebchat-theme=dark] .layui-imtree-btnGroup .layui-icon:hover{color: #505050;}
[szwebchat-theme=dark] .layui-imtree-editInput{background-color: rgba(255, 255, 255, 0.05);}
[szwebchat-theme=dark] .layui-imtree-emptyText{color: #2f2f2f;}

[szwebchat-theme=dark] .szimchatlog{background-color: #262626;}
[szwebchat-theme=dark] .szimchatlog .tips span{background-color:rgba(0,0,0,.3)}
[szwebchat-theme=dark] .szimchatlog .tips span{color:#bec5cc}
[szwebchat-theme=dark] .szimchatlog .tips .tips-primary{background-color:#447fb2}
[szwebchat-theme=dark] .szimchatlog .tips .tips-success{background-color:#66a651}
[szwebchat-theme=dark] .szimchatlog .tips .tips-info{background-color:#3f889e}
[szwebchat-theme=dark] .szimchatlog .tips .tips-warning{background-color:#af7728}
[szwebchat-theme=dark] .szimchatlog .tips .tips-danger{background-color:#ad3531}
[szwebchat-theme=dark] .szimchatlog .cright .content{color:#f0f0f0;background:linear-gradient(20deg,rgba(23, 67, 34, 0.8) 0,#36763f 100%);border:1px solid rgba(20, 20, 20, 0.01);box-shadow:5px 5px 15px 0 rgba(53, 53, 53, 0.1);}
[szwebchat-theme=dark] .szimchatlog .cleft  .content{color:#282828;background:linear-gradient(20deg,rgba(222, 222, 222, 0.8) 0,#efefef 100%);border:1px solid rgba(24, 24, 24, 0.01);box-shadow:5px 5px 15px 0 rgba(54, 54, 54, 0.1)}
[szwebchat-theme=dark] .szimchatlog .name .highText{background-color:#4c5052}
[szwebchat-theme=dark] .szimchatlog .name .highText.admin{background-color:#3c916e}
[szwebchat-theme=dark] .szimchatlog .name .highText.owner{background-color:#9a7c21}
[szwebchat-theme=dark] .szimchatlog .content a{color:#00c3ff}
[szwebchat-theme=dark] .chatloghead{background-color: #333;color:#f0f0f0}

[szwebchat-theme=dark] .sz-flowbox{background-color: #262626;}
[szwebchat-theme=dark] .sz-flowbox .flow-row{border-bottom: 1px dashed #555;}
[szwebchat-theme=dark] .sz-flowbox .flow-row .flow-info{color: #f0f0f0;}
[szwebchat-theme=dark] .sz-flowbox .flow-row .flow-badge{background-color: #0071d4;color: #f0f0f0;}
[szwebchat-theme=dark] .sz-flowbox .flow-row .flow-time{color: #f0f0f0;}
[szwebchat-theme=dark] .sz-flowbox .flow-row:hover{background-color: #444;}
[szwebchat-theme=dark] .sz-flowbox .ithis .flow-badge{background-color: #777777;color: #f7f7f7;}

[szwebchat-theme=dark] .sz-sysmsgbox{background-color: #262626;}
[szwebchat-theme=dark] .sz-sysmsgbox .sysmsg-row{border-bottom: 1px dashed #555;}
[szwebchat-theme=dark] .sz-sysmsgbox .sysmsg-row .sysmsg-info{color: #f0f0f0;}
[szwebchat-theme=dark] .sz-sysmsgbox .sysmsg-row .sysmsg-badge{background-color: #0071d4;color: #f0f0f0;}
[szwebchat-theme=dark] .sz-sysmsgbox .sysmsg-row .sysmsg-time{color: #f0f0f0;}
[szwebchat-theme=dark] .sz-sysmsgbox .sysmsg-row:hover{background-color: #444;}
[szwebchat-theme=dark] .sz-sysmsgbox .ithis .sysmsg-badge{background-color: #777777;color: #f7f7f7;}

/*消息提示窗*/
.sz-notify{position:absolute;width:auto; z-index:3300;}
.notify-row{width: 500px;position: relative;}
.notify-row:after,.notify-row:before{content:"";display:block;clear:both}
.notify-col{position:relative;display:block;box-sizing:border-box;float:left;}

.topcenter{left:calc(50% - 250px);top:0;}
.notify-info{background-color:rgba(173, 218, 238, 0.93);border-radius:30px;margin-top:3px;padding: 10px 0; height: 0;opacity: 0;}
.notify-info .notify-col:nth-child(1) {padding: 6px 10px 0 20px;}
.notify-info .notify-col:nth-child(1) i{font-size: 18px;color: #1d96aa;}
.notify-info .notify-col:nth-child(2) {padding: 0 3px 0 3px;color:#222;font-size: 15px;overflow:hidden;text-overflow: ellipsis; white-space:nowrap;width: 75%;height: 30px;line-height: 30px;}
.notify-info .notify-col:nth-child(3) {padding: 0 10px 0 10px;float: right;cursor: pointer;}
.notify-info .notify-col:nth-child(3) i{font-size: 28px !important;color: #d63636;}

.sznotifycloseall{width: 30px;height: 30px;line-height: 30px; cursor: pointer; background-color: #ad3531;color: #f1f1f1; border-radius: 8px; font-size: 20px;position: absolute; top:10px; right:-40px;z-index: 3350; text-align: center;vertical-align: middle;}
.sznotifycloseall:hover{color:#fff}




.notify-msg.notify-msg-info{color:#0c5460;background-color:#d1ecf1;box-shadow:0 0 2px 0 rgba(0,1,1,.01),0 0 0 1px #bee5eb}
.notify-msg.notify-msg-info .notify-msg-icon{background-color:#1d96aa}
.notify-msg.notify-msg-success{color:#155724;background-color:#d4edda;box-shadow:0 0 2px 0 rgba(0,1,0,.01),0 0 0 1px #c3e6cb}
.notify-msg.notify-msg-success .notify-msg-icon{background-color:#4ebb23}
.notify-msg.notify-msg-warning{color:#856404;background-color:#fff3cd;box-shadow:0 0 2px 0 rgba(1,1,0,.01),0 0 0 1px #ffeeba}
.notify-msg.notify-msg-warning .notify-msg-icon{background-color:#f1b306}
.notify-msg.notify-msg-error{color:#721c24;background-color:#f8d7da;box-shadow:0 0 2px 0 rgba(1,0,0,.01),0 0 0 1px #f5c6cb}
.notify-msg.notify-msg-error .notify-msg-icon{background-color:#f34b51}
.notify-msg.notify-msg-loading{color:#0fafad;background-color:#e7fdfc;box-shadow:0 0 2px 0 rgba(0,1,1,.01),0 0 0 1px #c2faf9}

